<extend name="Public:base" />
<block name="content">
<div class="row-fluid">

        <div class="span12">

            <!-- BEGIN STYLE CUSTOMIZER -->

            <div class="color-panel hidden-phone">

                <div class="color-mode-icons icon-color"></div>

                <div class="color-mode-icons icon-color-close" style="display: none;"></div>

                <div class="color-mode" style="display: none;">

                    <p>THEME COLOR</p>

                    <ul class="inline">

                        <li class="color-black color-default current" data-style="default"></li>

                        <li class="color-blue" data-style="blue"></li>

                        <li class="color-brown" data-style="brown"></li>

                        <li class="color-purple" data-style="purple"></li>

                        <li class="color-grey" data-style="grey"></li>

                        <li class="color-white color-light" data-style="light"></li>

                    </ul>

                    <label>

                        <span>Layout</span>

                        <select class="layout-option m-wrap small">

                            <option value="fluid" selected="">Fluid</option>

                            <option value="boxed">Boxed</option>

                        </select>

                    </label>

                    <label>

                        <span>Header</span>

                        <select class="header-option m-wrap small">

                            <option value="fixed" selected="">Fixed</option>

                            <option value="default">Default</option>

                        </select>

                    </label>

                    <label>

                        <span>Sidebar</span>

                        <select class="sidebar-option m-wrap small">

                            <option value="fixed">Fixed</option>

                            <option value="default" selected="">Default</option>

                        </select>

                    </label>

                    <label>

                        <span>Footer</span>

                        <select class="footer-option m-wrap small">

                            <option value="fixed">Fixed</option>

                            <option value="default" selected="">Default</option>

                        </select>

                    </label>

                </div>

            </div>

            <!-- END BEGIN STYLE CUSTOMIZER -->  

            <!-- BEGIN PAGE TITLE & BREADCRUMB-->

            <h3 class="page-title">

                Classified browsing <small class="add">添加分类</small>

            </h3>

            <ul class="breadcrumb">

                <li>

                    <i class="icon-home"></i>

                    <a href="index.html">主页</a> 

                    <i class="icon-angle-right"></i>

                </li>

                <li>

                    <a href="#">用户浏览</a>


                </li>


            </ul>

            <!-- END PAGE TITLE & BREADCRUMB-->

        </div>

    </div>


<div class="portlet box blue">

        <div class="portlet-title">

            <div class="caption"><i class="icon-globe"></i>Show/Hide Columns</div>

            

        </div>

        <div class="portlet-body">

            <div id="sample_2_wrapper" class="dataTables_wrapper form-inline" role="grid">
                <div class="row-fluid"><div class="span6">
                    <div id="sample_2_length" class="dataTables_length">
                        <label>
                          <select size="1" name="sel" aria-controls="DataTables_Table_1">
                                <option value="10" selected="selected">10</option>
                                <option value="20">20</option>
                                <option value="30">30</option>
                                <option value="40">40</option>
                                <option value="50">50</option>
                                <option value="60">60</option>
                                <option value="70">70</option>
                                <option value="80">80</option>
                                <option value="90">90</option>
                                <option value="100">100</option>
                            </select> 
                            显示条数
                        </label>
                    </div>
                </div>
                <div class="span6">
                    <div class="dataTables_filter" id="sample_2_filter">
                        <label>搜索: <input name="keyword" type="text" aria-controls="sample_2" class="m-wrap small">
                        </label>
                    </div>
                </div>
            </div>
            <table class="table table-striped table-bordered table-hover table-full-width dataTable" id="sample_2" aria-describedby="sample_2_info" style="width: 976px;">

                <thead>

                    <tr role="row">
                        <th class="sorting" role="columnheader" tabindex="0" aria-controls="sample_2" rowspan="1" colspan="1" aria-label="Rendering engine: activate to sort column ascending" style="width: 191px;">
                        ID
                        </th>
                        <th class="sorting_asc" role="columnheader" tabindex="0" aria-controls="sample_2" rowspan="1" colspan="1" aria-sort="ascending" aria-label="Browser: activate to sort column descending" style="width: 185px;">
                        类名
                        </th>
                        <th class="hidden-480 sorting" role="columnheader" tabindex="0" aria-controls="sample_2" rowspan="1" colspan="1" aria-label="Platform(s): activate to sort column ascending" style="width: 236px;">
                        父类类名
                        </th>
                        <th class="hidden-480 sorting" role="columnheader" tabindex="0" aria-controls="sample_2" rowspan="1" colspan="1" aria-label="Engine version: activate to sort column ascending" style="width: 163px;">
                        path
                        </th>
                        <th class="hidden-480 sorting" role="columnheader" tabindex="0" aria-controls="sample_2" rowspan="1" colspan="1" aria-label="CSS grade: activate to sort column ascending" style="width: 115px;">
                        操作
                        </th>
                    </tr>

                </thead>

                

            <tbody role="alert" aria-live="polite" aria-relevant="all" id="con">
               
            </tbody>
        </table>
        <div class="row-fluid">
            <div class="span6">
                <div class="dataTables_info" id="sample_2_info">
                    Showing 1 to 15 of 43 entries
                </div>
            </div>
            <div class="span6">
                <div class="dataTables_paginate paging_bootstrap pagination">
                   
                     <div class="dataTables_paginate paging_full_numbers" id="DataTables_Table_1_paginate">
                              <a tabindex="0" href="javascript:void(0);" class="yangshi" id="DataTables_Table_1_first">
                                第一页
                            </a>
                            <a tabindex="0" href="javascript:void(0);" class="yangshi" id="DataTables_Table_1_previous">
                                上一页
                            </a>
                            <span id='limit'>
                                
                            </span>
                               <a tabindex="0" href="javascript:void(0);" class="yangshi" id="DataTables_Table_1_next">下一页</a>
                             <a tabindex="0" href="javascript:void(0);" class="yangshi" id="DataTables_Table_1_last">最后一页</a>
                       
                      
                        
                    </div>
                 </div>
             </div>
         </div>
    </div>

        </div>

    </div>

        <div id="lvjing">
    </div>
 <div class="tishi" id="biaodan">
        <form action="">
        <input type="hidden" name='id'>
            <table width='300px'>
                <tr>
                    <th colspan="2">修改权限</th>
                </tr>
                
                <tr style="" align="center">
                    <td>父类类别:</td>
                    <td>
                        <select class="large" name="pid" style="width:200px;height:40px;margin-top:20px;">
                            <option value="0">顶级类</option>
                        </select>
                    </td>
                </tr>
                <tr align="center" style="height:100px;">
                    <td>子类名称:</td>
                    <td><input type="text" name="type_name" style="width:190px;height:33px;"></td>
                </tr>
                <tr style="height:100px;" align="center">
                    <td colspan='2'>
                        <input id="tijiao" type="submit" value='确定'>
                    </td>
                </tr>
            </table>
        </form>
    </div>
    <div id='tishi'>
        
    </div>
    


    <div class="tianjia" >
        <h3 style="position:absolute;margin-left:125px;">添加分类</h3>
        <div class="portlet-body form"  id="form">

            <div class="tabbable portlet-tabs">

                 <ul class="nav nav-tabs">

                      <li class=""><a href="#portlet_tab3" data-toggle="tab">　</a></li>

                 </ul>

                 <div class="tab-content">

                      <div class="tab-pane active" id="portlet_tab1">

                           <!-- BEGIN FORM-->

                           <form action="" if="myform" method="post"class="form-horizontal">

                                        <div class="control-group">

                                             <label class="control-label">父类名称:</label>

                                             <div class="controls">

                                                  <select name="pid1" class="medium m-wrap" tabindex="1">
                                                            <option value="0">顶级类</option>
                                                       <foreach name='list' item='vo' key='key'>
                                                            <option value="{$vo['id']}">{$vo['type_name']}</option>
                                                        </foreach>

                                                  </select>

                                             </div>

                                        </div>
                                       



                                        <div class="control-group">

                                             <label class="control-label">类别名称:</label>

                                             <div class="controls">

                                                  <input type="text" name="type_name1" placeholder="请输入类别名称" class="m-wrap medium">

                                                  <span class="help-inline"></span>

                                             </div>

                                        </div> 
                             
                                 <!--    <input type="submit" class="btn blue" style="margin-left:170px;" value='添加'> -->
                                     <button type="submit" id="tianjia" class="btn blue" style="margin-left:170px;"><i class="icon-ok"></i> 提交</button>
                                     <input type="reset" name="res" class="btn" style="margin-left:80px;" value="重置">
                                
                           </form>

                           <!-- END FORM-->  

                      </div>

                 </div>

            </div>

       </div>
    </div>



    <script type="text/javascript" src="__PUBLIC__/admin/js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="__PUBLIC__/admin/js/g_type.js"></script>
</block>